{literal}
<style type="text/css">
    .invoice {
        font-family: Times New Roman, serif;
        font-size: 12pt;                
    }
</style>
{/literal}

{assign var="topIndent" value=5}
{assign var="leftIndent" value=16}

<div class="invoice" align="center">
    {$amount1}
    <!-- Date -->
    {assign var="leftDateIndent" value=8.7}
    <div style="position: absolute;top: {$topIndent}cm; left:{$leftDateIndent}cm;">{$today.dd}</div>
    <div style="position: absolute;top: {$topIndent}cm; left:{$leftDateIndent+2}cm;">{$today.mm}</div>
    <div style="position: absolute;top: {$topIndent}cm; left:{$leftDateIndent+4}cm;">{$today.yy}</div>
    
    <!-- Customer name and code -->
    {assign var="leftCodeIndent" value=16}
    <div style="position: absolute;top: {$topIndent+1}cm; left:5.5cm;">{$customerName}</div>
    <div style="position: absolute;top: {$topIndent+1}cm; left:{$leftCodeIndent}cm;">{$customerCode}</div>
    
    <!-- Customer address and tax code Top 6.7cm -->
    <div style="position: absolute;top: {$topIndent+1.7}cm; left:3.5cm;">{$customerAddress}&nbsp;</div>
    <div style="position: absolute;top: {$topIndent+1.7}cm; left:{$leftCodeIndent}cm;">{$taxCode}&nbsp;</div>
    
    <!-- Department Top 7.3 -->
    <div style="position: absolute;top: {$topIndent+2.3}cm; left:4.5cm;">{$department}</div>
    
    <!-- Amount number Top 7.9 -->
    <div style="position: absolute;top: {$topIndent+2.9}cm; left:3.5cm;">{$amount}</div>
    
    <!-- Amount text Top 8.6 -->
    <div style="position: absolute;top: {$topIndent+3.6}cm; left:3cm;">{$amountInText}</div>
    
    <!-- Reason collecting Top 9.3 Left 4.5 -->
    <div style="position: absolute;top: {$topIndent+4.3}cm; left:4.5cm; width: 600px; text-align: left;">{$reasonCollecting}</div>
</div>
